<div ng-controller="SessionController"></div>
 <div class="frame" style="margin-top:27%; padding-top:40px; padding-top:20px;">
<form class="">
	<br>
	<h2 class="header">Create a new lecture</h2>
	
	<div class="centeredField">
		<label class="formLabel" for="title">Lecture title:</label>
		<div class="controls">
			<input class="centeredInput" id="title" type="text" placeholder="Lecture title"
				ng-model="newLecture.lecture.title"></input>
		</div>
	</div>
	
	<div class="centeredField">
		<label class="formLabel" for="description">Description:</label>
		<div class="controls">
			<input class="centeredInput" id="description" type="text" placeholder="Description"
				ng-model="newLecture.lecture.description"></input>
		</div>
	</div>
	
	<div class="centeredField">
		<label class="formLabel" for="date">Date:</label>
		<div class="controls">
			<input class="centeredInput" id="length" type="date" placeholder="Date"
				ng-model="newLecture.lecture.date"></input>
		</div>
	</div>
	
	<div class="centeredField">
		<label class="formLabel" for="time">Time:</label>
		<div class="controls">
			<input class="centeredInput" id="length" type="time" placeholder="Time"
				ng-model="newLecture.lecture.time"></input>
		</div>
	</div>
	
	<div class="centeredField">
		<label class="formLabel" for="length">Duration in minutes:</label>
		<div class="controls">
			<input class="centeredInput" id="length" type="number" placeholder="Duration"
				ng-model="newLecture.lecture.length"></input>
		</div>
	</div>
	<br>
	<br>
	<button class="myButton" ng-click="createLecture()">Create</button>
	
	<div class="fail">{{lecture_info}}</div>
</form>
</div>